<template>
 <div class="haibei-service" >
      <div class="haibei-warpper">
          <div class="service-header mt20 clearfix">
            <router-link  :to="{name:'private'}" class="common-header" tag="div">
              <p class="mt20"><img :src="$route.name==='service'?'/static/images/icon22.png':'/static/images/icon25.png'" alt=""></p>
              <p class="mt10">用户服务协议</p>
            </router-link>
            <!-- <router-link to="/private" class="common-header" tag="div">
              <p class="mt20"><img src="/static/images/icon26.png" alt=""></p>
              <p class="mt10">隐私政策</p>
            </router-link> -->
            <router-link :to="{name:'disclaimer'}" class="common-header" tag="div">
              <p class="mt20"><img :src="$route.name==='disclaimer'?'/static/images/icon24.png':'/static/images/icon27.png'" alt=""></p>
              <p class="mt10">免责声明</p>
            </router-link>
          </div>
          <div class="service-main">
            <router-view></router-view>
          </div>
      </div>
    </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped>
 body {
      background: #eff3f5;
    }

    .haibei-service {
      padding-top: 70px;
      background: #eff3f5;
      padding-bottom: 20px;
    }

    .haibei-service-content {
      background: #fff;
      height: 100vh;
    }

    .service-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
     
    }

    .common-header {
      flex: 1;
      height: 116px;
      float: left;
      width: 49.9%;
      cursor: pointer;
      text-align: center;
      border:1px solid #eeeff2;
      border-left: 0px
    }
    .service-main{
      background: #fff;
      min-height: 800px;
    }
</style>